<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>导师介绍</title>
        <link rel="stylesheet" href="./style/header.css">
        <style>
            .title{padding: 65px 0;text-align: center;background: url('./images/back1.jpg') no-repeat 50% 0;background-size: 175px;}
            .title span{border-bottom: 5px solid red;display: inline-block;}
            
            .content{overflow: hidden;padding-bottom: 40px;margin-top: 20px;}
            .teacher{width: 45%;float: left;height: 500px;padding-bottom: 40px;margin-top: 10px;margin-left: 3%;overflow: hidden;box-shadow: #666 0px 0px 10px;border: 1px solid #696;border-radius: 8px;}
            .details{padding: 20px;}
            .photo{width: 100px;max-width: 150px;float: left;}
            .photo img{width: 100px;height: 100px;}
            .name{width: 70%;float: left;font-size: 16px;color: #767171;font-weight: bold;word-spacing: 10px;}
            .name p{margin-left: 20px;line-height: 35px;height: 100px;overflow-y: auto;}
            .descript{overflow: hidden;}
            .description{clear: both;margin-top: 10px;color: #fff;padding: 20px 40px;height: 350px;overflow-y: auto;}
            .description ul{list-style-image: url('images/back.png')}
            .description ul li{font-size: 18px;line-height: 30px;letter-spacing: 1px;word-spacing: 5px;}
            .description span{font-size: 20px;font-weight: bold;border-bottom: 1px solid #fff;} 

            .footer{text-align: center;margin-top: 30px;padding-bottom: 120px;background: url('./images/back1.jpg') no-repeat 50% 35px;background-size: 290px;}
            .footimgs{display: inline-block;overflow: hidden;}
            .footimgs img{float: left;width: 100px;}
            .footer p{color: #ffc000;font-size: 30px;font-weight: bolder;}
 
            @media screen and (max-width: 900px){
                .name{width: 60%;font-size: 13px;word-spacing: normal;}
                .name p{line-height: 25px;}
            }
            @media screen and (max-width: 750px){
                .teacher{width: 95%;font-size: 20px;}
                .name{font-size: 18px;}
                .name p{line-height: 35px;}
            }
            @media screen and (max-width: 375px){
                .teacher{height: auto;}
                .name{width: 60%;font-size: 13px;word-spacing: normal;}
                .footimgs img{width: 80px;}
                .name p{line-height: 25px;}
                .photo{width: 80px;}
                .photo img{width: 80px;height: 80px;}
                .description{height: auto;}
                .description ul li{font-size: 16px;}
                .title{padding: 45px 0;background-size: 125px;font-size: 25px;}
                .footer{margin-bottom: 20px;}
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div id="headfill" class="headfill"></div>
            <div class="header" id="header">
                <!-- 头部js加载 -->
            </div>
            <h1 class="title"><span>导师介绍</span></h1>
            <div class="content" id="content">
                <!-- 导师js加载 -->
            </div>
            <div class="footer">
                <div class="footimgs">
                    <img src="./images/teach1.png" alt="图片" style="margin: 30px 20px 0 0;">
                    <img src="./images/teach2.png" alt="图片" style="margin: 0 0 50px 0;">
                    <img src="./images/teach3.png" alt="图片" style="margin: 30px 0 0 20px;">
                </div>
                <p>更多大牌明星导师<br />陆续加盟中......</p>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script src="./js/header.js"></script>
    <script> 
        $('#header').children().remove();
        $('#header').append(headerstr);
        mouseover(2);

        var oteachers={
            't1':{
                'images':'teacher1.png',
                'word':['章苏阳  火山石资本创始合伙人','课程《如何看人》'],
                'background':'308da2',
                'detail':['拥有将近20年的投资金阳，曾是IDG资本合伙人，获“金牌投资人”，风投圈首屈一指的“常青树”，2011年《福布斯》“中国最佳创投人“等称号。','医疗健康、人工智能、企业服务、文体娱乐等领域，投资阶段从天使到A+轮。','携程旅行网、如家酒店（40倍回报）、易趣（20倍回报）、好耶广告、直真节点、土豆网、汉庭酒店、九安医疗、华灿光电、康辉医疗、双城制药、宝钢包装找钢网等。']
            },
            't2':{
                'images':'teacher2.png',
                'word':['董占斌 青松基金创始合伙人','课程《投资最重要的事》'],
                'background':'553a6c',
                'detail':['拥有17年的投资和投行经验，参与了多家企业的上市融资和财务顾问工作，熟悉国内和香港资本。曾连续3年入选“全球创业周Top 30天使投资人”，获创业邦评选的“40 Under 40天使投资人”称号。','泛娱乐、教育、体育、消费领域，投资阶段从天使到A轮。','街机三国、啪啪三国（一年64倍回报，获评“2014年最佳天使退出项目五强”）、坦克风云、南京Nibiru、掌门1对1、哒哒英语、美丽约、小恒水饺、狼人杀、龙之谷等。']
            },
            't3':{
                'images':'teacher3.png',
                'word':['朱啸虎  金沙江创投合伙人','课程《互联网创业如何建立护城河》'],
                'background':'2c3533',
                'detail':['拥有近13年的投资经验，曾是麦肯锡咨询公司的资深咨询顾问，熟悉信息技术等方面。曾获“风投虎将”“资本快手”、互联网投资圈的新星、2016《福布斯》评选的“全球最佳创投人”等称号。','移动物联网、企业服务、泛娱乐等领域，投资阶段从Pre-A到C轮。','OFO、小红书、滴滴打车、饿了么、超好玩、回家吃饭、精硕科技、家政无忧、养车点点、点呀点、大谷打工网、诺心、兰亭集势、名策数据、学乐、微博易、学习宝、云鸟货运等。']
            },
            't4':{
                'images':'teacher4.png',
                'word':['徐晨  戈壁创投合伙人','课程《投资世界观》'],
                'background':'f4a628',
                'detail':['拥有近14年的风险投资经验，是中国风投业最年轻的创投合伙人之一。曾获年度新锐风投人物，40岁以下明星风险投资人等奖项，也为《中国风险投资院》等媒体撰写专栏。','数字媒体、IT、IMT等领域，投资阶段从种子到C轮。','途牛旅游网、camera360、云智慧 、点我达、夸客金融、DeClout、DMG、Eko通信、Hermo、亿动传媒、MainSpring、汉柏科技、PICOOC有品、Teambition、悠易互通等。']
            },
            't5':{
                'images':'teacher5.png',
                'word':['付利军  英诺天使基金合伙人','课程《天使投资的常识》'],
                'background':'28b791',
                'detail':['拥有近10年的VC/PE投资经验，早期曾从事芯片研发和产品工作，荣获上海市科技进步一等奖。在加入英诺之前，就职于信虹投资、联创永宣、中兴和创等知名投资机构。','生活消费、企业服务、移动互联网、旅游等领域，投资阶段从种子到A轮。','格科微电子、晶丰明源半导体、就爱广场舞、小码大众、非码科技等。']
            },
            't6':{
                'images':'teacher6.png',
                'word':['白宗义  耀途资本合伙人','课程《新兴产业投资解析》'],
                'background':'92d050',
                'detail':['拥有超7年的风险投资经验，曾在英菲尼迪集团担任投资总监，协助数十家以色列高科技公司与国内市场进行产业整合，对中以跨境平行投资和产业整合方面拥有丰富经验。','商业模式创新的互联网+行业，包括B2B企业服务、消费升级和智能硬件等领域，投资阶段从天使到A+轮。','MUV(全球领先的手势识别公司)，美玩易试，突唯阿，艾漫动漫，超交易，有序科技，盛科网络（中电振华收购），湖南利德（831678），以色列Pvnano，华设科技等。']
            },
            't7':{
                'images':'teacher7.png',
                'word':['冯一名  原子创投合伙人','课程《风险投资概览》'],
                'background':'d34328',
                'detail':['拥有超6年的风险投资经验，曾就任于美国愈齐投资，期间参与触动传媒、天地能源、乐友母婴、百润医药等项目。曾荣获2016年度最活跃天使投资人、中国天使投资人Top30、新锐投资人等称号。','互联网、泛娱乐、电子商务、生活消费等领域，投资阶段从天使到Pre-A轮。','途虎养车网、啪啪三国、优食管家、宝贝全计划、移康智能、网化商城、五星商城 、乐投天下、生意专家 爱豆网络、木盒科技、酷橙、云起轻应用 创客贴、微菜单、脉可寻等。']
            },
            't8':{
                'images':'teacher8.png',
                'word':['王坤  英诺天使基金合伙人','课程《股权激励的道术》'],
                'background':'dc243f',
                'detail':['曾任华冶钢铁、海天轻纺、农乐生物股份、CNOOD等企业HRD、副总经理、总经理，主导多家成长型企业的组织建设、绩效提升系统打造，为五十多家企业提供合伙人制与股权激励咨询。','生活消费、企业服务、移动互联网、旅游等领域，投资阶段从种子到A轮。','格科微电子、晶丰明源半导体、就爱广场舞、小码大众、非码科技等。']
            },
            't9':{
                'images':'teacher9.png',
                'word':['汪恭彬  长石资本创始合伙人','课程《投资人的十四条军规》'],
                'background':'2c3533',
                'detail':['拥有近15年的投资经验，曾担任中路资本负责人，主导投资的项目包括赛特斯网络、深圳宏电、真旅网等。还曾担任21世纪经济报道的首席记者和理财周报的副主编，参与了中国资本市场几乎所有重大新闻事件的报道。曾荣获创业邦2015年“40 Under 40天使投资人”等称号。','移动互联网、消费升级等领域，投资阶段从天使到A+轮。','爱抢购、虫洞金融、指尖快递-贯通云网、鲜急送等。']
            },
            't10':{
                'images':'teacher10.png',
                'word':['庞小伟  天使湾创投合伙人','课程《互联网领域的天使投资》'],
                'background':'f4a628',
                'detail':['拥有超7年的风险投资经验，目前还担任联商网、E都市、中国博客网等公司的董事长职务。还曾是互联网最早的创业者之一，曾先后创办联商网、E都市。','互联网早期投资领域，投资阶段从天使到A轮。','扇贝王、360doc、下厨房、洋码头、小恩爱、美妆心得、大姨吗、解忧杂货店等。']
            },
            't11':{
                'images':'teacher11.png',
                'word':['叶蕙芳  陶石资本合伙人','课程《互联网金融投资解析》'],
                'background':'308da2',
                'detail':['拥有近16年的投资经验，曾在IBM负责跨行业多领域的投资项目，后加入盛大资本负责互联网金融投资，先后操盘了多家互联网金融企业的投资项目。','财富管理、互联网保险、消费金融、泛金融等领域，投资阶段从种子到A轮。','光合作用、斑马互助、车通云、美信金融、Credit2Go、人人理财师、财来啊、家十分、人人保险等。']
            },
            't12':{
                'images':'teacher12.png',
                'word':['祁玉伟  接力基金合伙人','课程《投资的道与术》'],
                'background':'553a6c',
                'detail':['拥有超10年的风险投资经验，曾担任中科联投资控股集团有限公司副总裁，负责集团对外投资业务。还曾荣获2016中国最佳早期投资人Top 30,2016中国好材料新材料最佳投资人Top 10。','新材料、医疗健康、清洁技术和现代服务等领域，投资阶段从种子到天使轮。','泰坦科技、本诺电子新材料、灵信科技、同臣环保、同科生物科技、朗亿新材料、泰坦科技、法律百事通、灵信科技、同科物流、朗亿新材料、瑞一医药等。']
            },
            't13':{
                'images':'teacher13.png',
                'word':['刘国炜  泽厚资本合伙人','课程《投资决策形成》'],
                'background':'28b791',
                'detail':['拥有丰富的海内外投资、咨询、及运营管理经验，投资的早期公司有将近30家，其中包括：金蝶软件，神州太岳，三全食品等。','生活消费、企业服务、移动互联网、旅游等领域，投资阶段从种子到A轮。','Keep、壁虎车险、懒人家政、取暖、爱瘦、宝贝玩啥、网化商城、臻和科技等。']
            },
            't14':{
                'images':'teacher14.png',
                'word':['肖英勃  松禾资本合伙人','课程《文娱投资纵览》'],
                'background':'92d050',
                'detail':['曾是CXC创投副总裁，拥有丰富的管理咨询经验和投资经验，领导多个服务于跨国企业的市场、战略、并购项目，从事PE、VC、天使投资工作多年，参与或领导了多个投资项目。主要关注和投资互联网、新能源等领域。','生活消费、企业服务、移动互联网、旅游等领域，投资阶段从种子到A轮。','A8音乐、游族网络、索乐互娱、天上友嘉、无端科技、圣剑网络等。']
            },
            't15':{
                'images':'teacher15.png',
                'word':['徐毅律 接力天使合伙人','课程《看势布局识人同行》'],
                'background':'d34328',
                'detail':['曾任创业接力天使管理合伙人，参与管理创业接力母基金和引导基金的投资的运作，以及对多家天使及早期创投基金的投资。曾荣获2014和2015年度投中Top 30中国最佳天使投资人等称号。','互联网新兴服务、医疗健康、只能工业和智能生物等领域。','新眼光医疗、华之邦科技、六晶科技、御康医疗、复享光学、睿技智能、几度信息Simplr、鸵鸟电台、桔子空间等。']
            },
            't16':{
                'images':'teacher16.png',
                'word':['韦海军  大观资本合伙人','课程《出海资本投资策略》'],
                'background':'dc243f',
                'detail':['拥有超过12年的互联网行业经验，曾任猎豹移动投资总经理，前盛大创新院的投资负责人。投资过众多互联网和移动互联网项目，其中妈妈咪呀musical.ly是中国创业者向全世界输出互联网先进经验的代表。','互联网 , 移动互联网 , 文化娱乐体育等领域，投资阶段从种子到A轮。','新农哥、多听FM、爱抢购(好食期)、驱动人生、美食杰、3W 、豆果美食、调查派、妈妈咪呀(musical.ly)、桔子空间等。']
            },
        }
        var str='';
        for (x in oteachers){
            str+='<div class="teacher"><div class="details"><div style="overflow: hidden;"><div class="photo">';
            str+='<img src="./images/'+oteachers[x].images+'" alt="图片">';
            str+='</div><div class="name">';
            str+='<p>'+oteachers[x].word[0]+'<br />'+oteachers[x].word[1]+'</p>';
            str+='</div></div><div class="descript"><div class="description" style="background:#'+oteachers[x].background+';"><ul>';
            str+='<li><span>个人经历：</span>'+oteachers[x].detail[0]+'</li>';
            str+='<li><span>重点关注：</span>'+oteachers[x].detail[1]+'</li>';
            str+='<li><span>投资案例：</span>'+oteachers[x].detail[2]+'</li>';
            str+='</ul></div></div></div></div>';
        }
        $('#content').children().remove();
        $('#content').append(str);
    </script>
</html>